@layout("/common/_container.html",{js:["/assets/tool/toolTaskMoney/toolTaskMoney.js"]}){

<div class="layui-body-header">
    <span class="layui-body-header-title">计件明细管理</span>
</div>
<style>
.layui-elem-field legend {
    margin-left: 20px;
    padding: 0 10px;
    font-size: 17px;
    font-weight: 300;
}
</style>
<div class="layui-fluid">
    <div class="layui-row layui-col-space15">
        <div class="layui-col-sm12 layui-col-md12 layui-col-lg12">
            <div class="layui-card">
                <div class="layui-card-body">
               		<div class="layui-tab layui-tab-brief" lay-filter="doTabBrief">
               			<ul class="layui-tab-title">
               				<li class="layui-this">工资明细</li>
               				<li>工资合计</li>
               			</ul>
               			<div class="layui-tab-content">
               				<div class="layui-tab-item layui-show">
			                    <div class="layui-form toolbar">
			                        <div class="layui-form-item">
					                    <div class="layui-inline">
											<select id="customerId">
								            	<option value="">选择客户</option>
									            @for(item in customerlist!){
									            <option value="${item.id}">${item.customerName}</option>
									            @}
								        	</select>
					                    </div>
					                    <div class="layui-inline" style="width: 150px;">
			               					<input id="v2" class="layui-input" type="text" placeholder="波次"/>
					                    </div>
					                    <div class="layui-inline" style="width: 150px;">
			               					<input id="arrangeNumber" class="layui-input" type="text" placeholder="小组编号"/>
					                    </div>
					                    <div class="layui-inline" style="width: 150px;">
			               					<input id="condition" class="layui-input" type="text" placeholder="人员"/>
					                    </div>
					                    <div class="layui-inline" style="width: 150px;">
			               					<input id="goodsNumber" class="layui-input" type="text" placeholder="商品组合"/>
					                    </div>
					                    <div class="layui-inline" style="width: 150px;">
			               					<input id="num" class="layui-input" type="text" placeholder="组合数量"/>
					                    </div>
					                    <div class="layui-inline">
			                				<button id="btnSearch" class="layui-btn icon-btn"><i class="layui-icon">&#xe615;</i>搜索</button>
				                			<button id="btnExp" class="layui-btn icon-btn"><i class="layui-icon">&#xe67d;</i>导出</button>
					                    </div>
					                </div>
					            </div>
			                    <table class="layui-table" id="toolTaskMoneyTable" lay-filter="toolTaskMoneyTable"></table>
							</div>
               				<div class="layui-tab-item">
			                    <div class="layui-form toolbar">
			                        <div class="layui-form-item">
					                    <div class="layui-inline">
											<select id="customerId2">
								            	<option value="">选择客户</option>
									            @for(item in customerlist!){
									            <option value="${item.id}">${item.customerName}</option>
									            @}
								        	</select>
					                    </div>
					                    <div class="layui-inline" style="width: 150px;">
			               					<input id="condition2" class="layui-input" type="text" placeholder="人员"/>
					                    </div>
					                    <div class="layui-inline">
			                				<button id="btnSearch2" class="layui-btn icon-btn"><i class="layui-icon">&#xe615;</i>搜索</button>
				                			<button id="btnExp2" class="layui-btn icon-btn"><i class="layui-icon">&#xe67d;</i>导出</button>
					                    </div>
					                </div>
			                        <div class="layui-form-item">
							            <div class="layui-inline">
							                <fieldset class="layui-elem-field layui-field-title" style="margin-top: 0px;margin: 10px 0 0px;">
										    	<legend>金额：<span id="money">0</span></legend>
										  	</fieldset>
							            </div>
							            <div class="layui-inline">
							                <fieldset class="layui-elem-field layui-field-title" style="margin-top: 0px;margin: 10px 0 0px;">
										    	<legend>单量：<span id="orderNum">0</span></legend>
										  	</fieldset>
							            </div>
							            <div class="layui-inline">
							                <fieldset class="layui-elem-field layui-field-title" style="margin-top: 0px;margin: 10px 0 0px;">
										    	<legend>每单成本：<span id="cost">0</span></legend>
										  	</fieldset>
							            </div>
							            <div class="layui-inline">
							                <fieldset class="layui-elem-field layui-field-title" style="margin-top: 0px;margin: 10px 0 0px;">
										    	<legend>作业数：<span id="v4">0</span></legend>
										  	</fieldset>
							            </div>
							            <div class="layui-inline">
							                <fieldset class="layui-elem-field layui-field-title" style="margin-top: 0px;margin: 10px 0 0px;">
										    	<legend>每包成本：<span id="bcost">0</span></legend>
										  	</fieldset>
							            </div>
							            <div class="layui-inline">
							                <fieldset class="layui-elem-field layui-field-title" style="margin-top: 0px;margin: 10px 0 0px;">
										    	<legend>每单包数：<span id="dnum">0</span></legend>
										  	</fieldset>
							            </div>
					                </div>
					            </div>
			                    <table class="layui-table" id="toolTaskMoneyTable2" lay-filter="toolTaskMoneyTable2"></table>
							</div>
               			</div>
               		</div>
                </div>
            </div>
        </div>
    </div>
</div>

@}